<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<meta name="theme-color" content="#222"><meta name="generator" content="Hexo 6.3.0">

  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-next.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico">
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.ico">
  <link rel="mask-icon" href="/images/logo.svg" color="#222">

<link rel="stylesheet" href="/css/main.css">



<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.7.2/css/all.min.css" integrity="sha256-dABdfBfUoC8vJUBOwGVdm8L9qlMWaHTIfXt+7GnZCIo=" crossorigin="anonymous">
  <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/animate.css@3.1.1/animate.min.css" integrity="sha256-PR7ttpcvz8qrF57fur/yAx1qXMFJeJFiA6pSzWi0OIE=" crossorigin="anonymous">

<script class="next-config" data-name="main" type="application/json">{"hostname":"blog.csgrandeur.cn","root":"/","images":"/images","scheme":"Gemini","darkmode":false,"version":"8.22.0","exturl":false,"sidebar":{"position":"left","width_expanded":320,"width_dual_column":240,"display":"post","padding":18,"offset":12},"hljswrap":true,"copycode":{"enable":true,"style":"default"},"fold":{"enable":false,"height":500},"bookmark":{"enable":false,"color":"#222","save":"auto"},"mediumzoom":false,"lazyload":false,"pangu":false,"comments":{"style":"tabs","active":null,"storage":true,"lazyload":false,"nav":null},"stickytabs":false,"motion":{"enable":true,"async":false,"duration":200,"transition":{"menu_item":"fadeInDown","post_block":"fadeIn","post_header":"fadeInDown","post_body":"fadeInDown","coll_header":"fadeInLeft","sidebar":"fadeInUp"}},"prism":false,"i18n":{"placeholder":"搜索...","empty":"没有找到任何搜索结果：${query}","hits_time":"找到 ${hits} 个搜索结果（用时 ${time} 毫秒）","hits":"找到 ${hits} 个搜索结果"},"path":"/search.xml","localsearch":{"enable":true,"top_n_per_article":1,"unescape":false,"preload":false,"trigger":"auto"}}</script><script src="/js/config.js"></script>

    <meta name="description" content="1. 大模型时代：智能革命新起点 1.1 时代背景  从“能写诗”到“能编程” AI大模型成为智能革命核心驱动力，推动人类进入“智能即服务”新阶段。 中国行动 国家“十四五”科技规划明确AI为战略方向，2023年《生成式人工智能服务管理暂行办法》规范发展。">
<meta property="og:type" content="article">
<meta property="og:title" content="01. AI开发助手">
<meta property="og:url" content="http://blog.csgrandeur.cn/2025-09-26-01-AI%E5%BC%80%E5%8F%91%E5%8A%A9%E6%89%8B/index.html">
<meta property="og:site_name" content="CSGrandeur&#39;s Thinking">
<meta property="og:description" content="1. 大模型时代：智能革命新起点 1.1 时代背景  从“能写诗”到“能编程” AI大模型成为智能革命核心驱动力，推动人类进入“智能即服务”新阶段。 中国行动 国家“十四五”科技规划明确AI为战略方向，2023年《生成式人工智能服务管理暂行办法》规范发展。">
<meta property="og:locale" content="zh_CN">
<meta property="article:published_time" content="2025-09-26T02:41:53.000Z">
<meta property="article:modified_time" content="2025-10-28T05:56:55.342Z">
<meta property="article:author" content="CSGrandeur">
<meta property="article:tag" content="AI驱动Web开发技术">
<meta name="twitter:card" content="summary">


<link rel="canonical" href="http://blog.csgrandeur.cn/2025-09-26-01-AI%E5%BC%80%E5%8F%91%E5%8A%A9%E6%89%8B/">


<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":false,"isPost":true,"lang":"zh-CN","comments":true,"permalink":"http://blog.csgrandeur.cn/2025-09-26-01-AI%E5%BC%80%E5%8F%91%E5%8A%A9%E6%89%8B/","path":"2025-09-26-01-AI开发助手/","title":"01. AI开发助手"}</script>

<script class="next-config" data-name="calendar" type="application/json">""</script>
<title>01. AI开发助手 | CSGrandeur's Thinking</title>
  

  <script src="/js/third-party/analytics/baidu-analytics.js"></script>
  <script async src="https://hm.baidu.com/hm.js?7958adf931092425a489778560129144"></script>







  <noscript>
    <link rel="stylesheet" href="/css/noscript.css">
  </noscript>
</head>

<body itemscope itemtype="http://schema.org/WebPage" class="use-motion">
  <div class="headband"></div>

  <main class="main">
    <div class="column">
      <header class="header" itemscope itemtype="http://schema.org/WPHeader"><div class="site-brand-container">
  <div class="site-nav-toggle">
    <div class="toggle" aria-label="切换导航栏" role="button">
        <span class="toggle-line"></span>
        <span class="toggle-line"></span>
        <span class="toggle-line"></span>
    </div>
  </div>

  <div class="site-meta">

    <a href="/" class="brand" rel="start">
      <i class="logo-line"></i>
      <p class="site-title">CSGrandeur's Thinking</p>
      <i class="logo-line"></i>
    </a>
      <p class="site-subtitle" itemprop="description">Cogito Ergo Sum</p>
  </div>

  <div class="site-nav-right">
    <div class="toggle popup-trigger" aria-label="搜索" role="button">
        <i class="fa fa-search fa-fw fa-lg"></i>
    </div>
  </div>
</div>



<nav class="site-nav">
  <ul class="main-menu menu"><li class="menu-item menu-item-home"><a href="/" rel="section"><i class="fa fa-home fa-fw"></i>首页</a></li><li class="menu-item menu-item-categories"><a href="/categories/" rel="section"><i class="fa fa-th fa-fw"></i>分类</a></li><li class="menu-item menu-item-archives"><a href="/archives/" rel="section"><i class="fa fa-archive fa-fw"></i>归档</a></li>
      <li class="menu-item menu-item-search">
        <a role="button" class="popup-trigger"><i class="fa fa-search fa-fw"></i>搜索
        </a>
      </li>
  </ul>
</nav>



  <div class="search-pop-overlay">
    <div class="popup search-popup">
      <div class="search-header">
        <span class="search-icon">
          <i class="fa fa-search"></i>
        </span>
        <div class="search-input-container">
          <input autocomplete="off" autocapitalize="off" maxlength="80"
                placeholder="搜索..." spellcheck="false"
                type="search" class="search-input">
        </div>
        <span class="popup-btn-close" role="button">
          <i class="fa fa-times-circle"></i>
        </span>
      </div>
      <div class="search-result-container">
        <div class="search-result-icon">
          <i class="fa fa-spinner fa-pulse fa-5x"></i>
        </div>
      </div>
    </div>
  </div>

</header>
        
  
  <aside class="sidebar">

    <div class="sidebar-inner sidebar-nav-active sidebar-toc-active">
      <ul class="sidebar-nav">
        <li class="sidebar-nav-toc">
          文章目录
        </li>
        <li class="sidebar-nav-overview">
          站点概览
        </li>
      </ul>

      <div class="sidebar-panel-container">
        <!--noindex-->
        <div class="post-toc-wrap sidebar-panel">
            <div class="post-toc animated"><ol class="nav"><li class="nav-item nav-level-1"><a class="nav-link" href="#%E5%A4%A7%E6%A8%A1%E5%9E%8B%E6%97%B6%E4%BB%A3%E6%99%BA%E8%83%BD%E9%9D%A9%E5%91%BD%E6%96%B0%E8%B5%B7%E7%82%B9"><span class="nav-number">1.</span> <span class="nav-text">1. 大模型时代：智能革命新起点</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#%E6%97%B6%E4%BB%A3%E8%83%8C%E6%99%AF"><span class="nav-number">1.1.</span> <span class="nav-text">1.1 时代背景</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E5%85%B3%E9%94%AE%E7%A7%91%E7%A0%94%E7%AA%81%E7%A0%B42012-2024"><span class="nav-number">1.2.</span> <span class="nav-text">1.2 关键科研突破（2012-2024）</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#%E4%BC%A0%E7%BB%9F%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0%E6%97%B6%E4%BB%A31950-2011"><span class="nav-number">1.2.1.</span> <span class="nav-text">传统机器学习时代（1950-2011）</span></a><ol class="nav-child"><li class="nav-item nav-level-4"><a class="nav-link" href="#%E4%BC%A0%E7%BB%9F%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0%E7%9A%84%E8%B4%A1%E7%8C%AE"><span class="nav-number">1.2.1.1.</span> <span class="nav-text">传统机器学习的贡献</span></a></li></ol></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0%E5%9F%BA%E7%A1%80%E5%A5%A0%E5%AE%9A%E6%9C%9F2012-2016"><span class="nav-number">1.2.2.</span> <span class="nav-text">深度学习基础奠定期（2012-2016）</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E5%A4%A7%E6%A8%A1%E5%9E%8B%E6%8A%80%E6%9C%AF%E9%9D%A9%E5%91%BD%E6%9C%9F2017-2022"><span class="nav-number">1.2.3.</span> <span class="nav-text">大模型技术革命期（2017-2022）</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#ai-agent%E6%99%BA%E8%83%BD%E4%BD%93%E6%97%B6%E4%BB%A32023-2024"><span class="nav-number">1.2.4.</span> <span class="nav-text">AI
Agent智能体时代（2023-2024）</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E9%87%8C%E7%A8%8B%E7%A2%91%E6%B7%B1%E5%BA%A6%E8%A7%A3%E6%9E%90"><span class="nav-number">1.2.5.</span> <span class="nav-text">里程碑深度解析</span></a><ol class="nav-child"><li class="nav-item nav-level-4"><a class="nav-link" href="#%E5%B9%B4alexnet---gpu%E7%AE%97%E5%8A%9B%E9%AA%8C%E8%AF%81"><span class="nav-number">1.2.5.1.</span> <span class="nav-text">🚀 2012年：AlexNet -
GPU算力验证</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#%E5%B9%B4gans---%E7%94%9F%E6%88%90%E8%83%BD%E5%8A%9B%E7%AA%81%E7%A0%B4"><span class="nav-number">1.2.5.2.</span> <span class="nav-text">🎨 2014年：GANs -
生成能力突破</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#%E5%B9%B4resnet---%E6%B7%B1%E5%BA%A6%E7%93%B6%E9%A2%88%E7%AA%81%E7%A0%B4"><span class="nav-number">1.2.5.3.</span> <span class="nav-text">🏗️ 2015年：ResNet -
深度瓶颈突破</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#%E5%B9%B4transformer---%E6%B3%A8%E6%84%8F%E5%8A%9B%E9%9D%A9%E5%91%BD"><span class="nav-number">1.2.5.4.</span> <span class="nav-text">⚡ 2017年：Transformer -
注意力革命</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#%E5%B9%B4clip---%E5%A4%9A%E6%A8%A1%E6%80%81%E6%97%B6%E4%BB%A3%E5%BC%80%E5%90%AF"><span class="nav-number">1.2.5.5.</span> <span class="nav-text">🌐 2021年：CLIP -
多模态时代开启</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#%E5%B9%B4chatgpt---%E7%94%9F%E6%88%90%E5%BC%8Fai%E5%BC%95%E7%88%86"><span class="nav-number">1.2.5.6.</span> <span class="nav-text">💬 2022年：ChatGPT -
生成式AI引爆</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#%E5%B9%B4ai-agent---%E6%99%BA%E8%83%BD%E4%BD%93%E6%97%B6%E4%BB%A3"><span class="nav-number">1.2.5.7.</span> <span class="nav-text">🤖 2024年：AI Agent -
智能体时代</span></a></li></ol></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#ai%E5%B8%A6%E6%9D%A5%E7%9A%84%E6%94%B9%E5%8F%98%E5%85%B7%E4%BD%93%E5%BA%94%E7%94%A8"><span class="nav-number">1.3.</span> <span class="nav-text">1.3 AI带来的改变（具体应用）</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#%E5%86%85%E5%AE%B9%E5%88%9B%E4%BD%9C"><span class="nav-number">1.3.1.</span> <span class="nav-text">✅ 内容创作</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E6%95%99%E8%82%B2%E6%99%AE%E6%83%A0"><span class="nav-number">1.3.2.</span> <span class="nav-text">✅ 教育普惠</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E7%A4%BE%E4%BC%9A%E6%9C%8D%E5%8A%A1"><span class="nav-number">1.3.3.</span> <span class="nav-text">✅ 社会服务</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E5%9B%BD%E5%86%85%E5%A4%96%E5%8F%91%E5%B1%95%E5%AF%B9%E6%AF%94"><span class="nav-number">1.4.</span> <span class="nav-text">1.4 国内外发展对比</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link" href="#ai%E5%8A%A9%E6%89%8B%E4%B8%8E%E8%87%AA%E5%8A%A8%E5%8C%96%E7%BC%96%E7%A8%8B"><span class="nav-number">2.</span> <span class="nav-text">2. AI助手与自动化编程</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#ai%E8%81%8A%E5%A4%A9%E6%9C%BA%E5%99%A8%E4%BA%BA"><span class="nav-number">2.1.</span> <span class="nav-text">2.1 AI聊天机器人</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#chatgpt"><span class="nav-number">2.1.1.</span> <span class="nav-text">2.1.1 ChatGPT</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#bing-copilot"><span class="nav-number">2.1.2.</span> <span class="nav-text">2.1.2 Bing Copilot</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E5%9B%BD%E5%86%85%E4%B8%BB%E6%B5%81ai%E8%81%8A%E5%A4%A9%E6%9C%BA%E5%99%A8%E4%BA%BA"><span class="nav-number">2.1.3.</span> <span class="nav-text">2.1.3 国内主流AI聊天机器人</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#ai-agent%E8%BD%AF%E4%BB%B6%E6%99%BA%E8%83%BD%E7%BC%96%E7%A8%8B%E5%8A%A9%E6%89%8B"><span class="nav-number">2.2.</span> <span class="nav-text">2.2 AI Agent软件（智能编程助手）</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#%E4%BB%A3%E7%A0%81%E8%A1%A5%E5%85%A8%E7%B1%BB%E5%B7%A5%E5%85%B7"><span class="nav-number">2.2.1.</span> <span class="nav-text">2.2.1 代码补全类工具</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E6%99%BA%E8%83%BD%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83"><span class="nav-number">2.2.2.</span> <span class="nav-text">2.2.2 智能开发环境</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E5%85%A8%E6%A0%88%E5%BC%80%E5%8F%91%E8%BE%85%E5%8A%A9%E5%B7%A5%E5%85%B7"><span class="nav-number">2.2.3.</span> <span class="nav-text">2.2.3 全栈开发辅助工具</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E4%B8%BA%E4%BB%80%E4%B9%88%E8%BF%99%E4%BA%9B%E5%B7%A5%E5%85%B7%E5%AF%B9%E5%BC%80%E5%8F%91%E8%80%85%E9%87%8D%E8%A6%81"><span class="nav-number">2.3.</span> <span class="nav-text">2.3
为什么这些工具对开发者重要？</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link" href="#%E7%94%A8ai%E7%94%9F%E6%88%90%E4%BB%A3%E7%A0%81%E5%AD%A6%E4%BC%9A%E6%AD%A3%E7%A1%AE%E6%8F%90%E9%97%AE"><span class="nav-number">3.</span> <span class="nav-text">3. 用AI生成代码：学会正确提问</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#%E4%BB%80%E4%B9%88%E6%98%AFpromptai%E4%B8%AD%E7%9A%84%E6%8F%90%E7%A4%BA%E8%AF%8D"><span class="nav-number">3.1.</span> <span class="nav-text">3.1
什么是Prompt？（AI中的提示词）</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#%E7%94%9F%E6%B4%BB%E7%B1%BB%E6%AF%94"><span class="nav-number">3.1.1.</span> <span class="nav-text">生活类比</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#ai%E4%B8%AD%E7%9A%84prompt%E5%AE%9A%E4%B9%89"><span class="nav-number">3.1.2.</span> <span class="nav-text">AI中的Prompt定义</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E6%97%A0%E6%95%88prompt-vs-%E6%9C%89%E6%95%88prompt%E5%AF%B9%E6%AF%94%E7%A4%BA%E4%BE%8B"><span class="nav-number">3.2.</span> <span class="nav-text">3.2 无效Prompt vs
有效Prompt（对比示例）</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#%E6%A8%A1%E7%B3%8A%E6%8C%87%E4%BB%A4%E6%97%A0%E6%95%88prompt"><span class="nav-number">3.2.1.</span> <span class="nav-text">模糊指令（无效Prompt）</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E6%B8%85%E6%99%B0%E6%8C%87%E4%BB%A4%E6%9C%89%E6%95%88prompt"><span class="nav-number">3.2.2.</span> <span class="nav-text">清晰指令（有效Prompt）</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E6%9C%89%E6%95%88prompt%E7%9A%84%E5%85%B3%E9%94%AE%E8%A6%81%E7%B4%A0"><span class="nav-number">3.3.</span> <span class="nav-text">3.3 有效Prompt的关键要素</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#%E6%98%8E%E7%A1%AE%E4%BB%BB%E5%8A%A1what"><span class="nav-number">3.3.1.</span> <span class="nav-text">1) 明确任务（What）</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E6%8C%87%E5%AE%9A%E8%AF%AD%E8%A8%80%E6%8A%80%E6%9C%AFwhich"><span class="nav-number">3.3.2.</span> <span class="nav-text">2) 指定语言&#x2F;技术（Which）</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E5%AE%9A%E4%B9%89%E5%8A%9F%E8%83%BDhow"><span class="nav-number">3.3.3.</span> <span class="nav-text">3) 定义功能（How）</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E6%B7%BB%E5%8A%A0%E7%BA%A6%E6%9D%9Fconstraints"><span class="nav-number">3.3.4.</span> <span class="nav-text">4) 添加约束（Constraints）</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E5%AE%9E%E9%99%85%E6%A1%88%E4%BE%8B%E5%AF%B9%E6%AF%94"><span class="nav-number">3.4.</span> <span class="nav-text">3.4 实际案例对比</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#%E6%A1%88%E4%BE%8B%E5%86%99%E4%B8%80%E4%B8%AA%E6%AC%A2%E8%BF%8E%E4%BF%A1%E6%81%AF%E7%A8%8B%E5%BA%8F"><span class="nav-number">3.4.1.</span> <span class="nav-text">案例：写一个&quot;欢迎信息&quot;程序</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E7%BB%83%E4%B9%A0%E8%AE%BE%E8%AE%A1%E4%BD%A0%E7%9A%84prompt"><span class="nav-number">3.5.</span> <span class="nav-text">3.5 练习：设计你的Prompt</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E4%B8%BA%E4%BB%80%E4%B9%88%E8%BF%99%E4%B8%AA%E5%BE%88%E9%87%8D%E8%A6%81"><span class="nav-number">3.6.</span> <span class="nav-text">3.6 为什么这个很重要？</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link" href="#%E5%88%A9%E7%94%A8ai%E8%BF%9B%E8%A1%8C%E4%BB%A3%E7%A0%81%E9%87%8D%E6%9E%84%E4%B8%8E%E4%BC%98%E5%8C%96"><span class="nav-number">4.</span> <span class="nav-text">4. 利用AI进行代码重构与优化</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#%E9%87%8D%E6%9E%84-vs-%E4%BC%98%E5%8C%96%E6%A0%B8%E5%BF%83%E5%8C%BA%E5%88%AB"><span class="nav-number">4.1.</span> <span class="nav-text">4.1 重构 vs 优化：核心区别</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E5%88%9D%E5%AD%A6%E8%80%85%E4%B8%BA%E4%BB%80%E4%B9%88%E9%9C%80%E8%A6%81%E9%87%8D%E6%9E%84"><span class="nav-number">4.2.</span> <span class="nav-text">4.2 初学者为什么需要重构？</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98%E4%B8%8Eai%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88"><span class="nav-number">4.2.1.</span> <span class="nav-text">常见问题与AI解决方案</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E5%AE%9E%E6%88%98%E6%A1%88%E4%BE%8B%E7%94%A8ai%E4%BC%98%E5%8C%96"><span class="nav-number">4.3.</span> <span class="nav-text">4.3 实战案例（用AI优化）</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#%E6%A1%88%E4%BE%8B1%E7%AE%80%E5%8C%96%E6%9D%A1%E4%BB%B6%E5%88%A4%E6%96%AD%E9%87%8D%E6%9E%84"><span class="nav-number">4.3.1.</span> <span class="nav-text">案例1：简化条件判断（重构）</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E6%A1%88%E4%BE%8B2%E6%8F%90%E5%8D%87%E7%AE%97%E6%B3%95%E6%95%88%E7%8E%87%E4%BC%98%E5%8C%96"><span class="nav-number">4.3.2.</span> <span class="nav-text">案例2：提升算法效率（优化）</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E8%AF%BE%E5%A0%82%E5%B0%8F%E5%AE%9E%E8%B7%B5%E5%8A%A8%E6%89%8B%E7%BB%83"><span class="nav-number">4.4.</span> <span class="nav-text">4.4 课堂小实践（动手练）</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#%E4%BB%BB%E5%8A%A1%E7%94%A8ai%E9%87%8D%E6%9E%84%E4%BB%A5%E4%B8%8B%E4%BB%A3%E7%A0%81%E9%80%9A%E4%B9%89%E7%81%B5%E7%A0%81github-copilot%E7%AD%89%E5%B7%A5%E5%85%B7%E5%9D%87%E5%8F%AF%E4%BD%BF%E7%94%A8"><span class="nav-number">4.4.1.</span> <span class="nav-text">任务：用AI重构以下代码（通义灵码、GitHub
Copilot等工具均可使用）</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E4%B8%BA%E4%BB%80%E4%B9%88ai%E6%98%AF%E6%9C%80%E4%BD%B3%E9%87%8D%E6%9E%84%E4%BC%99%E4%BC%B4"><span class="nav-number">4.5.</span> <span class="nav-text">4.5 为什么AI是最佳重构伙伴？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E4%B8%AA%E4%BA%BA%E5%AD%A6%E4%B9%A0%E7%9A%84%E9%87%8D%E8%A6%81%E6%80%A7%E5%9F%B9%E5%85%BB%E4%BB%A3%E7%A0%81%E5%AE%A1%E7%BE%8E%E8%83%BD%E5%8A%9B"><span class="nav-number">4.6.</span> <span class="nav-text">4.6
个人学习的重要性：培养代码审美能力</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#%E4%B8%BA%E4%BB%80%E4%B9%88%E9%9C%80%E8%A6%81%E7%9F%A5%E9%81%93%E4%BB%80%E4%B9%88%E6%98%AF%E5%A5%BD%E4%BB%A3%E7%A0%81"><span class="nav-number">4.6.1.</span> <span class="nav-text">4.6.1
为什么需要知道&quot;什么是好代码&quot;？</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E4%BB%A3%E7%A0%81%E5%AE%A1%E7%BE%8E%E4%B8%8D%E4%BB%85%E4%BB%85%E6%98%AF%E8%A7%84%E8%8C%83"><span class="nav-number">4.6.2.</span> <span class="nav-text">4.6.2 代码审美：不仅仅是规范</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E6%8E%A8%E8%8D%90%E5%AD%A6%E4%B9%A0%E9%80%94%E5%BE%84%E7%AE%97%E6%B3%95%E7%AB%9E%E8%B5%9B"><span class="nav-number">4.6.3.</span> <span class="nav-text">4.6.3 推荐学习途径：算法竞赛</span></a><ol class="nav-child"><li class="nav-item nav-level-4"><a class="nav-link" href="#%E4%B8%BA%E4%BB%80%E4%B9%88%E7%AE%97%E6%B3%95%E7%AB%9E%E8%B5%9B%E6%98%AF%E5%9F%B9%E5%85%BB%E4%BB%A3%E7%A0%81%E5%AE%A1%E7%BE%8E%E7%9A%84%E6%9C%80%E4%BD%B3%E9%80%94%E5%BE%84"><span class="nav-number">4.6.3.1.</span> <span class="nav-text">为什么算法竞赛是培养代码审美的最佳途径？</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#%E6%8E%A8%E8%8D%90%E7%AB%9E%E8%B5%9B%E5%B9%B3%E5%8F%B0"><span class="nav-number">4.6.3.2.</span> <span class="nav-text">推荐竞赛平台</span></a></li></ol></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E5%AE%9E%E9%99%85%E6%A1%88%E4%BE%8B%E7%AE%97%E6%B3%95%E6%80%9D%E7%BB%B4%E5%A6%82%E4%BD%95%E5%BD%B1%E5%93%8D%E4%BB%A3%E7%A0%81%E8%B4%A8%E9%87%8F"><span class="nav-number">4.6.4.</span> <span class="nav-text">4.6.4
实际案例：算法思维如何影响代码质量</span></a><ol class="nav-child"><li class="nav-item nav-level-4"><a class="nav-link" href="#%E6%A1%88%E4%BE%8B%E6%9F%A5%E6%89%BE%E6%95%B0%E7%BB%84%E4%B8%AD%E7%AC%ACk%E5%A4%A7%E7%9A%84%E5%85%83%E7%B4%A0"><span class="nav-number">4.6.4.1.</span> <span class="nav-text">案例：查找数组中第k大的元素</span></a></li></ol></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E5%AD%A6%E4%B9%A0%E5%BB%BA%E8%AE%AE"><span class="nav-number">4.6.5.</span> <span class="nav-text">4.6.5 学习建议</span></a><ol class="nav-child"><li class="nav-item nav-level-4"><a class="nav-link" href="#%E5%BE%AA%E5%BA%8F%E6%B8%90%E8%BF%9B"><span class="nav-number">4.6.5.1.</span> <span class="nav-text">1. 循序渐进</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#%E6%B3%A8%E9%87%8D%E7%90%86%E8%A7%A3"><span class="nav-number">4.6.5.2.</span> <span class="nav-text">2. 注重理解</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#%E4%BB%A3%E7%A0%81%E8%B4%A8%E9%87%8F"><span class="nav-number">4.6.5.3.</span> <span class="nav-text">3. 代码质量</span></a></li></ol></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E6%80%BB%E7%BB%93"><span class="nav-number">4.6.6.</span> <span class="nav-text">4.6.6 总结</span></a></li></ol></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link" href="#ai%E5%AE%9E%E6%88%98%E7%94%9F%E6%88%90%E4%B8%80%E4%B8%AA%E5%B8%A6%E8%A1%A8%E5%8D%95%E7%9A%84%E9%A1%B5%E9%9D%A2"><span class="nav-number">5.</span> <span class="nav-text">5. AI实战：生成一个带表单的页面</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#%E4%BB%BB%E5%8A%A1%E6%8F%8F%E8%BF%B0"><span class="nav-number">5.1.</span> <span class="nav-text">5.1 任务描述</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E6%8C%91%E6%88%98%E7%82%B9"><span class="nav-number">5.2.</span> <span class="nav-text">5.2 挑战点</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link" href="#%E9%80%89%E8%AE%B2ai%E7%BC%96%E7%A8%8B%E5%8A%A9%E6%89%8B%E8%BF%9B%E9%98%B6%E6%8A%80%E5%B7%A7"><span class="nav-number">6.</span> <span class="nav-text">6. 选讲：AI编程助手进阶技巧</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#%E6%99%BA%E8%83%BD%E4%B8%8A%E4%B8%8B%E6%96%87%E7%AE%A1%E7%90%86"><span class="nav-number">6.1.</span> <span class="nav-text">6.1 智能上下文管理</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#%E5%A4%9A%E6%96%87%E4%BB%B6%E5%8D%8F%E5%90%8C%E7%BC%96%E8%BE%91"><span class="nav-number">6.1.1.</span> <span class="nav-text">6.1.1 多文件协同编辑</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E6%99%BA%E8%83%BD%E5%AF%B9%E8%AF%9D%E8%AE%B0%E5%BF%86"><span class="nav-number">6.1.2.</span> <span class="nav-text">6.1.2 智能对话记忆</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E7%B2%BE%E5%87%86%E9%9C%80%E6%B1%82%E6%8F%8F%E8%BF%B0"><span class="nav-number">6.2.</span> <span class="nav-text">6.2 精准需求描述</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#%E7%BB%93%E6%9E%84%E5%8C%96%E9%9C%80%E6%B1%82%E8%A1%A8%E8%BE%BE"><span class="nav-number">6.2.1.</span> <span class="nav-text">6.2.1 结构化需求表达</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E7%BA%A6%E6%9D%9F%E6%9D%A1%E4%BB%B6%E6%98%8E%E7%A1%AE"><span class="nav-number">6.2.2.</span> <span class="nav-text">6.2.2 约束条件明确</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E6%99%BA%E8%83%BD%E4%BB%A3%E7%A0%81%E5%AE%A1%E6%9F%A5"><span class="nav-number">6.3.</span> <span class="nav-text">6.3 智能代码审查</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#%E7%94%9F%E6%88%90%E5%90%8E%E8%B4%A8%E9%87%8F%E6%A3%80%E6%9F%A5"><span class="nav-number">6.3.1.</span> <span class="nav-text">6.3.1 生成后质量检查</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E8%BF%AD%E4%BB%A3%E5%BC%8F%E4%BB%A3%E7%A0%81%E5%AE%8C%E5%96%84"><span class="nav-number">6.3.2.</span> <span class="nav-text">6.3.2 迭代式代码完善</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E6%99%BA%E8%83%BD%E4%BB%A3%E7%A0%81%E7%94%9F%E6%88%90%E7%AD%96%E7%95%A5"><span class="nav-number">6.4.</span> <span class="nav-text">6.4 智能代码生成策略</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#%E5%88%86%E6%AD%A5%E9%AA%A4%E7%94%9F%E6%88%90"><span class="nav-number">6.4.1.</span> <span class="nav-text">6.4.1 分步骤生成</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E4%B8%8A%E4%B8%8B%E6%96%87%E6%84%9F%E7%9F%A5%E7%94%9F%E6%88%90"><span class="nav-number">6.4.2.</span> <span class="nav-text">6.4.2 上下文感知生成</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E9%AB%98%E7%BA%A7%E4%BD%BF%E7%94%A8%E6%8A%80%E5%B7%A7"><span class="nav-number">6.5.</span> <span class="nav-text">6.5 高级使用技巧</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#%E4%BB%A3%E7%A0%81%E9%87%8D%E6%9E%84%E4%BC%98%E5%8C%96"><span class="nav-number">6.5.1.</span> <span class="nav-text">6.5.1 代码重构优化</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E6%99%BA%E8%83%BD%E8%B0%83%E8%AF%95%E8%BE%85%E5%8A%A9"><span class="nav-number">6.5.2.</span> <span class="nav-text">6.5.2 智能调试辅助</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E4%BB%A3%E7%A0%81%E6%96%87%E6%A1%A3%E7%94%9F%E6%88%90"><span class="nav-number">6.5.3.</span> <span class="nav-text">6.5.3 代码文档生成</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98%E4%B8%8E%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88"><span class="nav-number">6.6.</span> <span class="nav-text">6.6 常见问题与解决方案</span></a></li></ol></li></ol></div>
        </div>
        <!--/noindex-->

        <div class="site-overview-wrap sidebar-panel">
          <div class="site-author animated" itemprop="author" itemscope itemtype="http://schema.org/Person">
  <p class="site-author-name" itemprop="name">CSGrandeur</p>
  <div class="site-description" itemprop="description"></div>
</div>
<div class="site-state-wrap animated">
  <nav class="site-state">
      <div class="site-state-item site-state-posts">
        <a href="/archives/">
          <span class="site-state-item-count">72</span>
          <span class="site-state-item-name">日志</span>
        </a>
      </div>
      <div class="site-state-item site-state-categories">
          <a href="/categories/">
        <span class="site-state-item-count">6</span>
        <span class="site-state-item-name">分类</span></a>
      </div>
      <div class="site-state-item site-state-tags">
          <a href="/tags/">
        <span class="site-state-item-count">22</span>
        <span class="site-state-item-name">标签</span></a>
      </div>
  </nav>
</div>

        </div>
      </div>
    </div>

    
  </aside>


    </div>

    <div class="main-inner post posts-expand">


  


<div class="post-block">
  
  

  <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="zh-CN">
    <link itemprop="mainEntityOfPage" href="http://blog.csgrandeur.cn/2025-09-26-01-AI%E5%BC%80%E5%8F%91%E5%8A%A9%E6%89%8B/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.gif">
      <meta itemprop="name" content="CSGrandeur">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="CSGrandeur's Thinking">
      <meta itemprop="description" content="">
    </span>

    <span hidden itemprop="post" itemscope itemtype="http://schema.org/CreativeWork">
      <meta itemprop="name" content="01. AI开发助手 | CSGrandeur's Thinking">
      <meta itemprop="description" content="">
    </span>
      <header class="post-header">
        <h1 class="post-title" itemprop="name headline">
          01. AI开发助手
        </h1>

        <div class="post-meta-container">
          <div class="post-meta">
    <span class="post-meta-item">
      <span class="post-meta-item-icon">
        <i class="far fa-calendar"></i>
      </span>
      <span class="post-meta-item-text">发表于</span>

      <time title="创建时间：2025-09-26 10:41:53" itemprop="dateCreated datePublished" datetime="2025-09-26T10:41:53+08:00">2025-09-26</time>
    </span>
    <span class="post-meta-item">
      <span class="post-meta-item-icon">
        <i class="far fa-calendar-check"></i>
      </span>
      <span class="post-meta-item-text">更新于</span>
      <time title="修改时间：2025-10-28 13:56:55" itemprop="dateModified" datetime="2025-10-28T13:56:55+08:00">2025-10-28</time>
    </span>

  
</div>

        </div>
      </header>

    
    
    
    <div class="post-body" itemprop="articleBody"><h1 id="大模型时代智能革命新起点">1. 大模型时代：智能革命新起点</h1>
<h2 id="时代背景">1.1 时代背景</h2>
<ul>
<li><strong>从“能写诗”到“能编程”</strong><br />
AI大模型成为智能革命核心驱动力，推动人类进入“智能即服务”新阶段。</li>
<li><strong>中国行动</strong><br />
国家“十四五”科技规划明确AI为战略方向，2023年《生成式人工智能服务管理暂行办法》规范发展。</li>
</ul>
<span id="more"></span>
<hr />
<h2 id="关键科研突破2012-2024">1.2 关键科研突破（2012-2024）</h2>
<h3 id="传统机器学习时代1950-2011">传统机器学习时代（1950-2011）</h3>
<p>在深度学习爆发之前，传统机器学习算法为AI发展奠定了重要基础：</p>
<table>
<colgroup>
<col style="width: 16%" />
<col style="width: 27%" />
<col style="width: 27%" />
<col style="width: 27%" />
</colgroup>
<thead>
<tr class="header">
<th>时间</th>
<th>技术突破</th>
<th>核心算法</th>
<th>应用领域</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td><strong>1950s</strong></td>
<td><strong>感知机</strong></td>
<td>单层神经网络</td>
<td>线性分类问题</td>
</tr>
<tr class="even">
<td><strong>1960s</strong></td>
<td><strong>马尔科夫链</strong></td>
<td>状态转移概率模型</td>
<td>语音识别、自然语言处理</td>
</tr>
<tr class="odd">
<td><strong>1990s</strong></td>
<td><strong>支持向量机(SVM)</strong></td>
<td>核函数映射</td>
<td>文本分类、图像识别</td>
</tr>
<tr class="even">
<td><strong>2000s</strong></td>
<td><strong>随机森林</strong></td>
<td>集成学习</td>
<td>数据挖掘、特征选择</td>
</tr>
<tr class="odd">
<td><strong>2006</strong></td>
<td><strong>深度学习复兴</strong></td>
<td>深度信念网络</td>
<td>无监督特征学习</td>
</tr>
</tbody>
</table>
<h4 id="传统机器学习的贡献">传统机器学习的贡献</h4>
<ul>
<li><strong>理论基础</strong>：为现代AI提供了坚实的数学和统计学基础</li>
<li><strong>算法框架</strong>：建立了完整的机器学习算法体系</li>
<li><strong>应用验证</strong>：在多个领域证明了机器学习的实用价值</li>
<li><strong>技术积累</strong>：为深度学习时代的到来做好了技术准备</li>
</ul>
<blockquote>
<p>💡
<strong>历史意义</strong>：虽然传统机器学习在复杂任务上表现有限，但它们为深度学习提供了重要的理论基础和算法思路，是AI发展史上不可或缺的重要阶段。</p>
</blockquote>
<h3
id="深度学习基础奠定期2012-2016">深度学习基础奠定期（2012-2016）</h3>
<table>
<colgroup>
<col style="width: 16%" />
<col style="width: 27%" />
<col style="width: 27%" />
<col style="width: 27%" />
</colgroup>
<thead>
<tr class="header">
<th>时间</th>
<th>突破事件</th>
<th>技术意义</th>
<th>影响范围</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td><strong>2012</strong></td>
<td><strong>AlexNet夺冠</strong></td>
<td>GPU算力验证，深度卷积网络突破</td>
<td>开启深度学习爆发式发展</td>
</tr>
<tr class="even">
<td><strong>2014</strong></td>
<td><strong>GANs提出</strong></td>
<td>生成对抗网络，AI首次具备生成能力</td>
<td>为图像生成、风格迁移奠定基础</td>
</tr>
<tr class="odd">
<td><strong>2015</strong></td>
<td><strong>ResNet突破</strong></td>
<td>残差连接解决梯度消失，突破深度瓶颈</td>
<td>使构建千层神经网络成为可能</td>
</tr>
</tbody>
</table>
<h3 id="大模型技术革命期2017-2022">大模型技术革命期（2017-2022）</h3>
<table>
<colgroup>
<col style="width: 16%" />
<col style="width: 27%" />
<col style="width: 27%" />
<col style="width: 27%" />
</colgroup>
<thead>
<tr class="header">
<th>时间</th>
<th>突破事件</th>
<th>技术意义</th>
<th>影响范围</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td><strong>2017</strong></td>
<td><strong>Transformer诞生</strong></td>
<td>自注意力机制，解决长序列处理问题</td>
<td>成为所有LLM的技术基石</td>
</tr>
<tr class="even">
<td><strong>2018</strong></td>
<td><strong>GPT-1 &amp; BERT问世</strong></td>
<td>确立"预训练+微调"范式</td>
<td>BERT提升中文理解准确率30%</td>
</tr>
<tr class="odd">
<td><strong>2020</strong></td>
<td><strong>GPT-3（1750亿参数）</strong></td>
<td>首现"涌现能力"（未教自会）</td>
<td>自动编写Python代码，展现通用智能</td>
</tr>
<tr class="even">
<td><strong>2021</strong></td>
<td><strong>CLIP多模态突破</strong></td>
<td>图文联合训练，打破模态壁垒</td>
<td>开启多模态大模型时代</td>
</tr>
<tr class="odd">
<td><strong>2022</strong></td>
<td><strong>ChatGPT引爆</strong></td>
<td>对话式交互，让AI走向大众</td>
<td>史上最快突破亿级用户的产品</td>
</tr>
</tbody>
</table>
<h3 id="ai-agent智能体时代2023-2024">AI
Agent智能体时代（2023-2024）</h3>
<table>
<colgroup>
<col style="width: 16%" />
<col style="width: 27%" />
<col style="width: 27%" />
<col style="width: 27%" />
</colgroup>
<thead>
<tr class="header">
<th>时间</th>
<th>突破事件</th>
<th>技术意义</th>
<th>影响范围</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td><strong>2023</strong></td>
<td><strong>多模态大模型</strong></td>
<td>文本/图像/声音跨模态融合</td>
<td>上传图片→自动生成旅游攻略</td>
</tr>
<tr class="even">
<td><strong>2024</strong></td>
<td><strong>AI Agent爆发</strong></td>
<td>自主决策、工具调用、任务规划</td>
<td>从"对话"到"行动"的质变</td>
</tr>
</tbody>
</table>
<h3 id="里程碑深度解析">里程碑深度解析</h3>
<h4 id="年alexnet---gpu算力验证">🚀 <strong>2012年：AlexNet -
GPU算力验证</strong></h4>
<ul>
<li><strong>技术突破</strong>：使用2块Nvidia GTX 580
GPU训练，在ImageNet图像分类比赛中以巨大优势夺冠</li>
<li><strong>核心意义</strong>：不仅证明了深度卷积神经网络的强大能力，更关键的是验证了GPU对深度学习训练的核心加速作用</li>
<li><strong>历史影响</strong>：直接开启了深度学习的爆发式发展，奠定了现代AI的硬件基础</li>
</ul>
<h4 id="年gans---生成能力突破">🎨 <strong>2014年：GANs -
生成能力突破</strong></h4>
<ul>
<li><strong>技术突破</strong>：伊恩·古德费洛提出生成对抗网络（GANs）架构，通过生成器与判别器的对抗训练模式</li>
<li><strong>核心意义</strong>：让AI首次具备了生成高度逼真合成数据的能力，彻底改变了生成模型领域</li>
<li><strong>历史影响</strong>：为后续图像生成、风格迁移、Deepfake等应用奠定了理论基础</li>
</ul>
<h4 id="年resnet---深度瓶颈突破">🏗️ <strong>2015年：ResNet -
深度瓶颈突破</strong></h4>
<ul>
<li><strong>技术突破</strong>：微软研究院何凯明团队提出ResNet（残差网络），通过创新的残差连接机制</li>
<li><strong>核心意义</strong>：成功解决了极深网络训练中的梯度消失问题，使构建数百甚至上千层的神经网络成为可能</li>
<li><strong>历史影响</strong>：极大地推动了计算机视觉领域的性能边界，成为现代深度网络的标准架构</li>
</ul>
<h4 id="年transformer---注意力革命">⚡ <strong>2017年：Transformer -
注意力革命</strong></h4>
<ul>
<li><strong>技术突破</strong>：Vaswani团队在《Attention is All You
Need》中提出Transformer架构，核心是自注意力机制</li>
<li><strong>核心意义</strong>：彻底解决了传统RNN处理长序列的效率与依赖问题，实现了真正的并行计算</li>
<li><strong>历史影响</strong>：成为后续所有大型语言模型（LLM）和多模态模型的技术基石</li>
</ul>
<h4 id="年clip---多模态时代开启">🌐 <strong>2021年：CLIP -
多模态时代开启</strong></h4>
<ul>
<li><strong>技术突破</strong>：OpenAI发布CLIP（对比语言-图像预训练）模型，通过大规模图文对数据进行联合训练</li>
<li><strong>核心意义</strong>：创新性地让模型同时理解文本与图像信息，打破了语言和视觉任务间的壁垒</li>
<li><strong>历史影响</strong>：为后续多模态大模型奠定了基础，开启了"跨模态对齐"的新思路</li>
</ul>
<h4 id="年chatgpt---生成式ai引爆">💬 <strong>2022年：ChatGPT -
生成式AI引爆</strong></h4>
<ul>
<li><strong>技术突破</strong>：OpenAI推出ChatGPT，基于Transformer的对话式交互能力</li>
<li><strong>核心意义</strong>：凭借出色的自然语言理解与生成能力，成为史上最快突破亿级用户的产品</li>
<li><strong>历史影响</strong>：让大众首次直观感受到通用人工智能的潜力，推动AI技术从专业领域走向日常生活</li>
</ul>
<h4 id="年ai-agent---智能体时代">🤖 <strong>2024年：AI Agent -
智能体时代</strong></h4>
<ul>
<li><strong>技术突破</strong>：AI从"对话"升级为"行动"，具备自主决策、工具调用、任务规划能力</li>
<li><strong>核心意义</strong>：实现了从被动响应到主动执行的根本性转变</li>
<li><strong>历史影响</strong>：开启了AI作为智能助手的新时代，为未来的通用人工智能铺平道路</li>
</ul>
<hr />
<h2 id="ai带来的改变具体应用">1.3 AI带来的改变（具体应用）</h2>
<h3 id="内容创作">✅ 内容创作</h3>
<ul>
<li><strong>AI写作助手</strong>：文心一言3.5
10分钟生成10万字报告（替代人工初稿）<br />
</li>
<li><strong>AI设计师</strong>：Adobe Firefly
10秒生成海报，效率提升5倍</li>
</ul>
<h3 id="教育普惠">✅ 教育普惠</h3>
<ul>
<li><strong>智能教师</strong>：科大讯飞“AI老师”覆盖10万所乡村学校，个性化辅导学生<br />
</li>
<li><strong>案例</strong>：云南山区学生数学平均分提升22%</li>
</ul>
<h3 id="社会服务">✅ 社会服务</h3>
<ul>
<li><strong>医疗辅助</strong>：腾讯“觅影”AI诊断肺癌准确率98%，辅助医生提升筛查效率<br />
</li>
<li><strong>政务优化</strong>：北京“京通”小程序AI客服处理85%常见咨询</li>
</ul>
<hr />
<h2 id="国内外发展对比">1.4 国内外发展对比</h2>
<table>
<colgroup>
<col style="width: 10%" />
<col style="width: 30%" />
<col style="width: 30%" />
<col style="width: 27%" />
</colgroup>
<thead>
<tr class="header">
<th>领域</th>
<th>国外（美国）</th>
<th>国内（中国）</th>
<th>中国特色</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td><strong>技术</strong></td>
<td>GPT系列（技术领先）</td>
<td>通义千问、DeepSeek</td>
<td>100%自主知识产权</td>
</tr>
<tr class="even">
<td><strong>应用</strong></td>
<td>通用场景（如ChatGPT）</td>
<td>垂直领域深耕（金融/医疗/教育）</td>
<td>服务国家战略（如“东数西算”）</td>
</tr>
<tr class="odd">
<td><strong>伦理</strong></td>
<td>侧重商业应用</td>
<td>强调“科技向善”（《AI治理原则》）</td>
<td>保障数据安全，服务全民福祉</td>
</tr>
</tbody>
</table>
<blockquote>
<p>中国大模型发展不是“跟跑”，而是“并跑”中实现“领跑”。从“用AI”到“造AI”，彰显科技自立自强的中国担当——让技术真正服务于乡村振兴、健康中国、数字中国等国家战略。</p>
</blockquote>
<h1 id="ai助手与自动化编程">2. AI助手与自动化编程</h1>
<h2 id="ai聊天机器人">2.1 AI聊天机器人</h2>
<h3 id="chatgpt">2.1.1 ChatGPT</h3>
<ul>
<li><p><strong>全球影响力</strong>：首个大规模商用AI聊天模型（2022年发布）</p></li>
<li><p><strong>核心能力</strong>：回答问题、写代码、创作文章</p></li>
<li><p><strong>示例</strong>：输入"用Python写一个猜数字游戏"，自动生成完整代码</p></li>
<li><p><strong>注意</strong>：国内访问受限，但可了解技术原理</p></li>
</ul>
<h3 id="bing-copilot">2.1.2 Bing Copilot</h3>
<ul>
<li><p><strong>微软集成版</strong>：Bing搜索内置AI助手</p></li>
<li><p><strong>优势</strong>：实时联网搜索，提供最新信息</p></li>
<li><p><strong>示例</strong>：搜索"2023年AI最新进展"，自动整理成结构化报告</p></li>
<li><p><strong>访问方式</strong>：微软Edge浏览器直接使用</p></li>
</ul>
<h3 id="国内主流ai聊天机器人">2.1.3 国内主流AI聊天机器人</h3>
<table>
<thead>
<tr class="header">
<th>工具</th>
<th>开发商</th>
<th>特点</th>
<th>适用场景</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td>通义千问</td>
<td>阿里云</td>
<td>中文理解强，支持多模态</td>
<td>学术研究、日常办公</td>
</tr>
<tr class="even">
<td>豆包</td>
<td>字节跳动</td>
<td>个性化推荐，轻量级</td>
<td>信息查询、简单创作</td>
</tr>
<tr class="odd">
<td>DeepSeek</td>
<td>国产模型</td>
<td>免费、开源、支持中文</td>
<td>代码生成、学习辅助</td>
</tr>
</tbody>
</table>
<p><strong>案例</strong>：输入"用Java写一个学生成绩管理系统"，通义千问生成基础框架，含数据库连接代码</p>
<hr />
<h2 id="ai-agent软件智能编程助手">2.2 AI Agent软件（智能编程助手）</h2>
<h3 id="代码补全类工具">2.2.1 代码补全类工具</h3>
<ul>
<li><strong>GitHub Copilot</strong>
<ul>
<li><strong>特点</strong>：VS Code插件，实时代码建议</li>
<li><strong>原理</strong>：基于海量开源代码训练</li>
<li><strong>示例</strong>：输入<code>// 读取CSV文件</code> →
自动生成<code>pandas.read_csv()</code>代码</li>
<li><strong>优势</strong>：减少重复代码，提高开发效率40%+</li>
</ul></li>
<li><strong>CodeWhisperer</strong>
<ul>
<li><strong>特点</strong>：亚马逊开发，专注安全扫描</li>
<li><strong>优势</strong>：自动检测安全漏洞（如SQL注入）</li>
<li><strong>示例</strong>：写数据库查询时，自动提示潜在安全风险</li>
</ul></li>
</ul>
<h3 id="智能开发环境">2.2.2 智能开发环境</h3>
<ul>
<li><strong>Cursor</strong>
<ul>
<li><strong>特点</strong>：VS Code深度优化，支持多文件上下文</li>
<li><strong>优势</strong>：理解整个代码库，生成更准确的代码</li>
<li><strong>示例</strong>：在大型项目中，根据当前文件和相关文件生成完整功能</li>
<li><strong>价格</strong>：个人版$10/月，学生可申请免费</li>
</ul></li>
<li><strong>Trae</strong>
<ul>
<li><strong>特点</strong>：字节跳动推出，完全免费</li>
<li><strong>优势</strong>：支持GPT-4o和Claude-3.5模型</li>
<li><strong>适用</strong>：适合学生和初创开发者</li>
<li><strong>注意</strong>：仅支持macOS，Windows版开发中</li>
</ul></li>
</ul>
<h3 id="全栈开发辅助工具">2.2.3 全栈开发辅助工具</h3>
<ul>
<li><strong>通义灵码</strong>
<ul>
<li><strong>特点</strong>：阿里云推出的AI编程助手</li>
<li><strong>优势</strong>：深度集成阿里云生态，支持Java/Python等</li>
<li><strong>示例</strong>：输入"用Spring Boot写一个用户登录接口" →
生成完整控制器代码</li>
<li><strong>访问</strong>：通过阿里云控制台或VS Code插件使用</li>
</ul></li>
<li><strong>Windsurf</strong>
<ul>
<li><strong>特点</strong>：首创"代理式IDE"，AI实时协作</li>
<li><strong>优势</strong>：多文件编辑、深度代码库分析</li>
<li><strong>示例</strong>：在修复一个bug时，AI自动分析相关代码并提出修复方案</li>
<li><strong>价格</strong>：基础版免费，Pro版$15/月</li>
</ul></li>
</ul>
<hr />
<h2 id="为什么这些工具对开发者重要">2.3
为什么这些工具对开发者重要？</h2>
<table>
<thead>
<tr class="header">
<th>价值</th>
<th>说明</th>
<th>实际案例</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td><strong>效率提升</strong></td>
<td>减少重复劳动，专注核心逻辑</td>
<td>代码生成时间减少70%</td>
</tr>
<tr class="even">
<td><strong>学习加速</strong></td>
<td>通过示例学习最佳实践</td>
<td>从AI生成代码中理解设计模式</td>
</tr>
<tr class="odd">
<td><strong>错误减少</strong></td>
<td>提前发现潜在问题</td>
<td>自动检测空指针异常风险</td>
</tr>
<tr class="even">
<td><strong>门槛降低</strong></td>
<td>非专业人员也能参与开发</td>
<td>产品经理用AI生成简单功能</td>
</tr>
</tbody>
</table>
<blockquote>
<p>作为编程初学者，可以考虑从<strong>GitHub
Copilot</strong>或<strong>通义灵码</strong>开始尝试，它们有免费版本，且集成在主流开发环境中，上手简单。</p>
</blockquote>
<h1 id="用ai生成代码学会正确提问">3. 用AI生成代码：学会正确提问</h1>
<h2 id="什么是promptai中的提示词">3.1
什么是Prompt？（AI中的提示词）</h2>
<h3 id="生活类比">生活类比</h3>
<blockquote>
<p><strong>"Prompt就像给厨师的菜谱"</strong><br />
你告诉厨师"做点好吃的"，厨师可能做任何东西；<br />
但如果你说"做一道番茄炒蛋，要少盐，15分钟内完成"，厨师就能准确执行。</p>
</blockquote>
<h3 id="ai中的prompt定义">AI中的Prompt定义</h3>
<ul>
<li><p><strong>Prompt</strong> =
用户给AI的"完整指令"，不是简单问句</p></li>
<li><p><strong>作用</strong>：告诉AI"你要做什么"、"怎么做"、"期望什么结果"</p></li>
<li><p><strong>重要性</strong>：AI没有自主意识，完全依赖Prompt理解你的需求</p></li>
</ul>
<blockquote>
<p>💡
<strong>小知识</strong>：在计算机领域，"prompt"原意是"提示"，在AI语境中特指"提示词"或"指令"。</p>
</blockquote>
<hr />
<h2 id="无效prompt-vs-有效prompt对比示例">3.2 无效Prompt vs
有效Prompt（对比示例）</h2>
<h3 id="模糊指令无效prompt">模糊指令（无效Prompt）</h3>
<table>
<colgroup>
<col style="width: 42%" />
<col style="width: 21%" />
<col style="width: 35%" />
</colgroup>
<thead>
<tr class="header">
<th>无效Prompt</th>
<th>问题</th>
<th>生成结果</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td>写个计算器</td>
<td>太模糊，没说用什么语言、什么功能</td>
<td>生成不完整、可能不符合需求的代码</td>
</tr>
<tr class="even">
<td>帮我写个程序</td>
<td>未指定用途、语言、功能</td>
<td>生成的代码可能与需求完全不符</td>
</tr>
</tbody>
</table>
<h3 id="清晰指令有效prompt">清晰指令（有效Prompt）</h3>
<table>
<colgroup>
<col style="width: 35%" />
<col style="width: 35%" />
<col style="width: 29%" />
</colgroup>
<thead>
<tr class="header">
<th>有效Prompt</th>
<th>为什么有效</th>
<th>生成结果</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td>用Python写一个简单的加法计算器，包含两个输入框和一个计算按钮，使用Tkinter库</td>
<td>指定了：语言(Python)、功能(加法)、界面组件、技术栈</td>
<td>生成完整、可运行的加法计算器代码</td>
</tr>
<tr class="even">
<td>用HTML/CSS/JavaScript写一个响应式个人主页，包含头像、简介和联系方式</td>
<td>指定了：技术栈、功能、界面元素</td>
<td>生成结构清晰的网页代码</td>
</tr>
</tbody>
</table>
<hr />
<h2 id="有效prompt的关键要素">3.3 有效Prompt的关键要素</h2>
<h3 id="明确任务what">1) 明确任务（What）</h3>
<ul>
<li><p>说明要做什么</p></li>
<li><p>❌ "写个程序"<br />
</p></li>
<li><p>✅ "用Python写一个猜数字游戏"</p></li>
</ul>
<h3 id="指定语言技术which">2) 指定语言/技术（Which）</h3>
<ul>
<li><p>说明用什么编程语言或技术栈</p></li>
<li><p>❌ "写个网页"<br />
</p></li>
<li><p>✅ "用HTML/CSS/JavaScript写一个响应式个人主页"</p></li>
</ul>
<h3 id="定义功能how">3) 定义功能（How）</h3>
<ul>
<li><p>说明具体功能点</p></li>
<li><p>❌ "写个计算器"<br />
</p></li>
<li><p>✅ "写一个能进行加减乘除的计算器，包含输入框和按钮"</p></li>
</ul>
<h3 id="添加约束constraints">4) 添加约束（Constraints）</h3>
<ul>
<li><p>说明限制条件（如格式、时间、特殊要求）</p></li>
<li><p>❌ "写个学生成绩系统"<br />
</p></li>
<li><p>✅
"用Java写一个学生成绩管理系统，包含添加学生、查询学生、计算平均分功能，界面简洁，代码注释清晰"</p></li>
</ul>
<hr />
<h2 id="实际案例对比">3.4 实际案例对比</h2>
<h3 id="案例写一个欢迎信息程序">案例：写一个"欢迎信息"程序</h3>
<table>
<colgroup>
<col style="width: 26%" />
<col style="width: 46%" />
<col style="width: 26%" />
</colgroup>
<thead>
<tr class="header">
<th>Prompt</th>
<th>生成结果质量</th>
<th>为什么</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td>写个欢迎信息</td>
<td>低：可能只输出"欢迎"两个字</td>
<td>未指定语言、功能、格式</td>
</tr>
<tr class="even">
<td>用Python写一个欢迎信息程序，输出'欢迎来到AI编程课堂！'，要求包含注释</td>
<td>高：生成完整可运行的Python代码</td>
<td>指定了语言、内容、格式要求</td>
</tr>
<tr class="odd">
<td>用Python写一个欢迎信息程序，输出'欢迎来到AI编程课堂！'，要求包含注释，且使用函数封装</td>
<td>非常高：生成更专业的代码结构</td>
<td>添加了额外约束，引导更好代码实践</td>
</tr>
</tbody>
</table>
<hr />
<h2 id="练习设计你的prompt">3.5 练习：设计你的Prompt</h2>
<p><strong>小任务</strong>：请尝试为以下需求设计有效Prompt：</p>
<ol type="1">
<li><p>"写个能计算BMI的程序"<br />
→ <strong>有效Prompt</strong>：
"用JavaScript写一个BMI计算器，包含身高(米)和体重(公斤)输入框，点击按钮计算BMI值并显示结果，结果分为'偏瘦'、'正常'、'超重'三类"</p></li>
<li><p>"写一个简单的日历"<br />
→ <strong>有效Prompt</strong>：
"用HTML/CSS/JavaScript写一个2024年9月的日历，显示星期几，点击日期显示事件提醒功能"</p></li>
</ol>
<blockquote>
<p>💡
<strong>小贴士</strong>：开始时可以"多写一点"，随着经验增加，可以逐渐精简。AI对清晰、具体的指令反应更好。</p>
</blockquote>
<hr />
<h2 id="为什么这个很重要">3.6 为什么这个很重要？</h2>
<ul>
<li><p><strong>对初学者</strong>：避免"AI不工作"的挫败感，学会正确提问</p></li>
<li><p><strong>对开发者</strong>：节省时间，提高AI辅助编程效率</p></li>
<li><p><strong>对学习者</strong>：通过与AI交互，理解编程需求分析的重要性</p></li>
</ul>
<blockquote>
<p>🌟
<strong>记住</strong>：AI不是魔法，而是工具。用好这个工具的关键是"如何提问"，而不是"AI有多强"。</p>
</blockquote>
<h1 id="利用ai进行代码重构与优化">4. 利用AI进行代码重构与优化</h1>
<h2 id="重构-vs-优化核心区别">4.1 重构 vs 优化：核心区别</h2>
<table>
<colgroup>
<col style="width: 50%" />
<col style="width: 50%" />
</colgroup>
<thead>
<tr class="header">
<th>重构</th>
<th>优化</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td><strong>改善代码结构</strong><br>（让代码更易读、易维护）</td>
<td><strong>提升性能</strong><br>（让代码运行更快）</td>
</tr>
<tr class="even">
<td>✅ 不改变功能</td>
<td>✅ 不改变功能</td>
</tr>
<tr class="odd">
<td><strong>例子</strong>：<br>拆分长条件语句</td>
<td><strong>例子</strong>：<br>将O(n²)算法改为O(n)</td>
</tr>
</tbody>
</table>
<blockquote>
<p>💡 <strong>学生场景</strong>：<br />
代码像"乱糟糟的书桌" → 重构是"整理书桌"<br />
代码像"慢自行车" → 优化是"换成电动车"</p>
</blockquote>
<hr />
<h2 id="初学者为什么需要重构">4.2 初学者为什么需要重构？</h2>
<h3 id="常见问题与ai解决方案">常见问题与AI解决方案</h3>
<table>
<colgroup>
<col style="width: 21%" />
<col style="width: 42%" />
<col style="width: 35%" />
</colgroup>
<thead>
<tr class="header">
<th>问题</th>
<th>AI如何解决</th>
<th>学习价值</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td>代码太长太乱</td>
<td>自动拆分函数、重命名变量</td>
<td>理解"可读性=生产力"</td>
</tr>
<tr class="even">
<td>重复代码多</td>
<td>识别并提取公共逻辑</td>
<td>掌握DRY原则（Don't Repeat Yourself，避免重复造轮子）</td>
</tr>
<tr class="odd">
<td>算法效率低</td>
<td>提供O(n)等更优替代方案</td>
<td>理解不同算法的性能差异</td>
</tr>
</tbody>
</table>
<blockquote>
<p>💡 <strong>真实案例</strong>：<br />
学生成绩管理系统代码从300行精简至50行，核心功能完全不变</p>
</blockquote>
<hr />
<h2 id="实战案例用ai优化">4.3 实战案例（用AI优化）</h2>
<h3 id="案例1简化条件判断重构">案例1：简化条件判断（重构）</h3>
<p><strong>原始代码</strong>：</p>
<figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">if</span> age &gt; <span class="number">18</span> <span class="keyword">and</span> is_active <span class="keyword">and</span> has_payment <span class="keyword">and</span> country == <span class="string">&quot;CN&quot;</span>:</span><br><span class="line">    <span class="keyword">return</span> <span class="string">&quot;VIP&quot;</span></span><br><span class="line"><span class="keyword">else</span>:</span><br><span class="line">    <span class="keyword">return</span> <span class="string">&quot;Normal&quot;</span></span><br></pre></td></tr></table></figure>
<p><strong>AI优化建议</strong>：</p>
<figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">def</span> <span class="title function_">is_vip</span>(<span class="params">user</span>):</span><br><span class="line">    <span class="string">&quot;&quot;&quot;判断用户是否为VIP（逻辑清晰，可复用）&quot;&quot;&quot;</span></span><br><span class="line">    <span class="keyword">return</span> (user[<span class="string">&#x27;age&#x27;</span>] &gt; <span class="number">18</span> <span class="keyword">and</span> </span><br><span class="line">            user[<span class="string">&#x27;is_active&#x27;</span>] <span class="keyword">and</span> </span><br><span class="line">            user[<span class="string">&#x27;has_payment&#x27;</span>] <span class="keyword">and</span> </span><br><span class="line">            user[<span class="string">&#x27;country&#x27;</span>] == <span class="string">&quot;CN&quot;</span>)</span><br><span class="line"></span><br><span class="line"><span class="keyword">return</span> <span class="string">&quot;VIP&quot;</span> <span class="keyword">if</span> is_vip(user) <span class="keyword">else</span> <span class="string">&quot;Normal&quot;</span></span><br></pre></td></tr></table></figure>
<p><strong>为什么更好</strong>：</p>
<p>✅ 条件逻辑封装为独立函数，可读性大幅提升<br />
✅ 后续修改VIP判断规则时，只需调整<code>is_vip</code>函数<br />
✅ 代码冗余度降低，行数减少约40%</p>
<hr />
<h3 id="案例2提升算法效率优化">案例2：提升算法效率（优化）</h3>
<p><strong>原始代码（效率低）</strong>：</p>
<figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">def</span> <span class="title function_">find_duplicates</span>(<span class="params">arr</span>):</span><br><span class="line">    duplicates = []</span><br><span class="line">    <span class="comment"># 双重循环：时间复杂度O(n²)，数据量大时极慢</span></span><br><span class="line">    <span class="keyword">for</span> i <span class="keyword">in</span> <span class="built_in">range</span>(<span class="built_in">len</span>(arr)):</span><br><span class="line">        <span class="keyword">for</span> j <span class="keyword">in</span> <span class="built_in">range</span>(<span class="built_in">len</span>(arr)):</span><br><span class="line">            <span class="keyword">if</span> i != j <span class="keyword">and</span> arr[i] == arr[j]:</span><br><span class="line">                duplicates.append(arr[i])</span><br><span class="line">    <span class="comment"># 去重后返回</span></span><br><span class="line">    <span class="keyword">return</span> <span class="built_in">list</span>(<span class="built_in">set</span>(duplicates))</span><br></pre></td></tr></table></figure>
<p><strong>AI优化建议</strong>：</p>
<figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">def</span> <span class="title function_">find_duplicates</span>(<span class="params">arr</span>):</span><br><span class="line">    <span class="string">&quot;&quot;&quot;高效查找重复元素（时间复杂度O(n)，速度提升 n 倍！）&quot;&quot;&quot;</span></span><br><span class="line">    seen = <span class="built_in">set</span>()  <span class="comment"># 存储已遍历过的元素</span></span><br><span class="line">    duplicates = <span class="built_in">set</span>()  <span class="comment"># 存储重复元素（自动去重，无需额外处理）</span></span><br><span class="line">    <span class="keyword">for</span> num <span class="keyword">in</span> arr:</span><br><span class="line">        <span class="keyword">if</span> num <span class="keyword">in</span> seen:</span><br><span class="line">            duplicates.add(num)</span><br><span class="line">        <span class="keyword">else</span>:</span><br><span class="line">            seen.add(num)</span><br><span class="line">    <span class="keyword">return</span> <span class="built_in">list</span>(duplicates)</span><br></pre></td></tr></table></figure>
<p><strong>效率对比</strong>：</p>
<ul>
<li><p>原始代码：处理1000个元素 → 需执行1,000,000次循环比较</p></li>
<li><p>优化后代码：处理1000个元素 → 仅需执行1000次循环<br />
✅
<strong>实际运行速度提升约100倍</strong>（数据量越大，差距越明显）</p></li>
</ul>
<hr />
<h2 id="课堂小实践动手练">4.4 课堂小实践（动手练）</h2>
<h3
id="任务用ai重构以下代码通义灵码github-copilot等工具均可使用">任务：用AI重构以下代码（通义灵码、GitHub
Copilot等工具均可使用）</h3>
<p><strong>原始代码</strong>：</p>
<figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">def</span> <span class="title function_">calculate_avg</span>(<span class="params">scores</span>):</span><br><span class="line">    total = <span class="number">0</span>  <span class="comment"># 手动累加总分</span></span><br><span class="line">    count = <span class="number">0</span>  <span class="comment"># 手动统计分数个数</span></span><br><span class="line">    <span class="keyword">for</span> score <span class="keyword">in</span> scores:</span><br><span class="line">        total += score</span><br><span class="line">        count += <span class="number">1</span></span><br><span class="line">    <span class="comment"># 计算并返回平均分</span></span><br><span class="line">    <span class="keyword">return</span> total / count</span><br></pre></td></tr></table></figure>
<p><strong>AI优化建议</strong>：</p>
<figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">def</span> <span class="title function_">calculate_avg</span>(<span class="params">scores</span>):</span><br><span class="line">    <span class="string">&quot;&quot;&quot;计算分数列表的平均分（利用Python内置函数，简洁高效）&quot;&quot;&quot;</span></span><br><span class="line">    <span class="comment"># sum()自动累加总分，len()自动统计个数，一行实现核心逻辑</span></span><br><span class="line">    <span class="keyword">return</span> <span class="built_in">sum</span>(scores) / <span class="built_in">len</span>(scores)</span><br></pre></td></tr></table></figure>
<p><strong>为什么更好</strong>：</p>
<p>✅ 代码从5行精简至1行，逻辑更直观<br />
✅
无需手动维护<code>total</code>和<code>count</code>变量，减少出错风险<br />
✅ 符合Python简洁的代码风格，可读性更强</p>
<blockquote>
<p>💡 <strong>关键提示</strong>：<br />
重构不是"修改错误代码"，而是"优化正确代码的结构"。<br />
核心目标：让未来的自己（或其他开发者）能快速看懂当前代码！</p>
</blockquote>
<hr />
<h2 id="为什么ai是最佳重构伙伴">4.5 为什么AI是最佳重构伙伴？</h2>
<table>
<colgroup>
<col style="width: 35%" />
<col style="width: 35%" />
<col style="width: 30%" />
</colgroup>
<thead>
<tr class="header">
<th>开发者的痛点</th>
<th>AI的解决方案</th>
<th>带来的优势</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td>想不出直观的函数/变量名</td>
<td>自动建议<code>is_vip()</code>、<code>find_duplicates()</code>等语义化命名</td>
<td>代码更专业，无需额外注释就能理解用途</td>
</tr>
<tr class="even">
<td>面对几百行的长函数无从下手</td>
<td>一键拆分成长短适中的子函数（如拆分"用户注册"为"验证信息""存储数据""发送通知"）</td>
<td>立即提升代码可读性，后续维护更轻松</td>
</tr>
<tr class="odd">
<td>不知道如何优化低效代码</td>
<td>提供从O(n²)到O(n)的算法改进方案，并解释优化原理</td>
<td>边重构边学习性能思维，提升编程能力</td>
</tr>
</tbody>
</table>
<blockquote>
<p>🌟 <strong>核心结论</strong>：<br />
重构的本质不是"让代码变短"，而是"让代码更易维护、更易扩展"。<br />
AI就像你的"代码医生"——能快速诊断出"冗余""低效""难读"等问题，并给出可直接落地的优化方案！</p>
</blockquote>
<h2 id="个人学习的重要性培养代码审美能力">4.6
个人学习的重要性：培养代码审美能力</h2>
<h3 id="为什么需要知道什么是好代码">4.6.1
为什么需要知道"什么是好代码"？</h3>
<blockquote>
<p><strong>"AI是工具，不是老师"</strong><br />
AI能帮你重构代码，但无法告诉你"什么代码是好的"。如果你不知道什么是好代码，AI重构出来的结果可能仍然不够优秀。</p>
</blockquote>
<h3 id="代码审美不仅仅是规范">4.6.2 代码审美：不仅仅是规范</h3>
<table>
<colgroup>
<col style="width: 50%" />
<col style="width: 25%" />
<col style="width: 25%" />
</colgroup>
<thead>
<tr class="header">
<th>代码审美维度</th>
<th>说明</th>
<th>示例</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td><strong>效率美</strong></td>
<td>算法时间复杂度、空间复杂度优化</td>
<td>O(n²) → O(n) 的优雅转变</td>
</tr>
<tr class="even">
<td><strong>抽象美</strong></td>
<td>高内聚、低耦合的设计思维</td>
<td>将复杂逻辑封装为简洁接口</td>
</tr>
<tr class="odd">
<td><strong>复用美</strong></td>
<td>避免重复造轮子，提高代码复用性</td>
<td>提取公共函数，减少代码冗余</td>
</tr>
</tbody>
</table>
<h3 id="推荐学习途径算法竞赛">4.6.3 推荐学习途径：算法竞赛</h3>
<h4
id="为什么算法竞赛是培养代码审美的最佳途径">为什么算法竞赛是培养代码审美的最佳途径？</h4>
<p><strong>1. 效率思维训练</strong></p>
<ul>
<li><p>算法竞赛要求在规定时间内解决问题，自然培养"效率优先"思维</p></li>
<li><p>学会分析时间复杂度，理解不同算法的性能差异</p></li>
<li><p>形成"最优解"的代码追求</p></li>
</ul>
<p><strong>2. 抽象能力提升</strong></p>
<ul>
<li><p>复杂问题需要抽象建模，锻炼抽象思维能力</p></li>
<li><p>学会将现实问题转化为算法问题</p></li>
<li><p>培养"化繁为简"的代码设计能力</p></li>
</ul>
<p><strong>3. 代码质量要求</strong></p>
<ul>
<li><p>竞赛代码需要简洁、高效、易读</p></li>
<li><p>培养"一次写对"的编程习惯</p></li>
<li><p>学会在有限时间内写出高质量代码</p></li>
</ul>
<h4 id="推荐竞赛平台">推荐竞赛平台</h4>
<table>
<thead>
<tr class="header">
<th>平台</th>
<th>特点</th>
<th>适合人群</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td><strong>LeetCode</strong></td>
<td>题目质量高，有详细题解</td>
<td>初学者到进阶者</td>
</tr>
<tr class="even">
<td><strong>AtCoder</strong></td>
<td>日本竞赛平台，题目设计精妙</td>
<td>有一定基础的学习者</td>
</tr>
<tr class="odd">
<td><strong>Codeforces</strong></td>
<td>全球知名竞赛平台，题目难度较高</td>
<td>进阶学习者</td>
</tr>
</tbody>
</table>
<h3 id="实际案例算法思维如何影响代码质量">4.6.4
实际案例：算法思维如何影响代码质量</h3>
<h4 id="案例查找数组中第k大的元素">案例：查找数组中第k大的元素</h4>
<p><strong>初学者思维（低效）</strong>： <figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">def</span> <span class="title function_">find_kth_largest</span>(<span class="params">nums, k</span>):</span><br><span class="line">    <span class="comment"># 排序后取第k个（时间复杂度O(n log n)）</span></span><br><span class="line">    nums.sort()</span><br><span class="line">    <span class="keyword">return</span> nums[-k]</span><br></pre></td></tr></table></figure></p>
<p><strong>算法竞赛思维（高效）</strong>： <figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">def</span> <span class="title function_">find_kth_largest</span>(<span class="params">nums, k</span>):</span><br><span class="line">    <span class="comment"># 使用快速选择算法（时间复杂度O(n)）</span></span><br><span class="line">    <span class="keyword">def</span> <span class="title function_">quick_select</span>(<span class="params">left, right, k_smallest</span>):</span><br><span class="line">        <span class="keyword">if</span> left == right:</span><br><span class="line">            <span class="keyword">return</span> nums[left]</span><br><span class="line">        </span><br><span class="line">        pivot_index = partition(left, right)</span><br><span class="line">        </span><br><span class="line">        <span class="keyword">if</span> k_smallest == pivot_index:</span><br><span class="line">            <span class="keyword">return</span> nums[pivot_index]</span><br><span class="line">        <span class="keyword">elif</span> k_smallest &lt; pivot_index:</span><br><span class="line">            <span class="keyword">return</span> quick_select(left, pivot_index - <span class="number">1</span>, k_smallest)</span><br><span class="line">        <span class="keyword">else</span>:</span><br><span class="line">            <span class="keyword">return</span> quick_select(pivot_index + <span class="number">1</span>, right, k_smallest)</span><br><span class="line">    </span><br><span class="line">    <span class="keyword">return</span> quick_select(<span class="number">0</span>, <span class="built_in">len</span>(nums) - <span class="number">1</span>, <span class="built_in">len</span>(nums) - k)</span><br></pre></td></tr></table></figure></p>
<p><strong>为什么算法竞赛思维更好？</strong></p>
<ul>
<li><p>✅ 时间复杂度从O(n log n)优化到O(n)</p></li>
<li><p>✅ 理解算法本质，而不是依赖库函数</p></li>
<li><p>✅ 培养"最优解"的代码追求</p></li>
</ul>
<h3 id="学习建议">4.6.5 学习建议</h3>
<h4 id="循序渐进">1. 循序渐进</h4>
<ul>
<li><p><strong>入门</strong>：从LeetCode简单题开始，理解基本算法思想</p></li>
<li><p><strong>进阶</strong>：挑战中等难度题目，学习复杂算法</p></li>
<li><p><strong>高级</strong>：参加竞赛，体验限时编程的压力</p></li>
</ul>
<h4 id="注重理解">2. 注重理解</h4>
<ul>
<li><p>不要只追求"通过"，要理解算法原理</p></li>
<li><p>学会分析时间复杂度和空间复杂度</p></li>
<li><p>培养"为什么这样写"的思考习惯</p></li>
</ul>
<h4 id="代码质量">3. 代码质量</h4>
<ul>
<li><p>追求简洁、高效的代码实现</p></li>
<li><p>学会写注释，提高代码可读性</p></li>
<li><p>培养"一次写对"的编程习惯</p></li>
</ul>
<h3 id="总结">4.6.6 总结</h3>
<blockquote>
<p>🌟 <strong>核心观点</strong>：<br />
AI是强大的工具，但无法替代人的代码审美能力。<br />
只有知道"什么是好代码"，才能让AI重构出真正优秀的代码。<br />
算法竞赛是培养代码审美的最佳途径，它不仅能提升编程技能，更能培养"效率美"、"抽象美"、"复用美"的代码追求。</p>
</blockquote>
<blockquote>
<p>💡 <strong>行动建议</strong>：<br />
从现在开始，每天解决一道算法题，培养代码审美能力。<br />
当你能够一眼看出代码的优劣时，AI重构工具才能真正成为你的得力助手！</p>
</blockquote>
<hr />
<h1 id="ai实战生成一个带表单的页面">5. AI实战：生成一个带表单的页面</h1>
<h2 id="任务描述">5.1 任务描述</h2>
<p><strong>目标</strong>：使用AI工具生成一个完整的用户注册页面</p>
<p><strong>具体要求</strong>：</p>
<ul>
<li><p>页面包含：用户名、邮箱、密码、确认密码、性别选择、兴趣爱好多选</p></li>
<li><p>前端技术：HTML + CSS + JavaScript</p></li>
<li><p>功能要求：表单验证、提交处理、响应式设计</p></li>
<li><p>样式要求：现代化UI，配色协调，用户体验良好</p></li>
</ul>
<h2 id="挑战点">5.2 挑战点</h2>
<ol type="1">
<li><p><strong>如何向AI描述你的需求</strong>？</p>
<ul>
<li>需要哪些字段？</li>
<li>验证规则是什么？</li>
<li>样式偏好如何？</li>
</ul></li>
<li><p><strong>如何优化AI生成的代码</strong>？</p>
<ul>
<li>生成的代码是否符合最佳实践？</li>
<li>是否需要添加错误处理？</li>
<li>如何让代码更易维护？</li>
</ul></li>
</ol>
<hr />
<h1 id="选讲ai编程助手进阶技巧">6. 选讲：AI编程助手进阶技巧</h1>
<h2 id="智能上下文管理">6.1 智能上下文管理</h2>
<h3 id="多文件协同编辑">6.1.1 多文件协同编辑</h3>
<ul>
<li><p><strong>技巧</strong>：同时打开项目中的多个相关文件，让AI理解完整的代码结构</p></li>
<li><p><strong>效果</strong>：AI能生成与现有代码风格一致的代码，避免重复定义</p></li>
<li><p><strong>示例</strong>：修改API接口时，同时打开控制器、模型、路由文件，AI能自动保持命名规范</p></li>
</ul>
<h3 id="智能对话记忆">6.1.2 智能对话记忆</h3>
<ul>
<li><p><strong>技巧</strong>：在同一个对话中逐步完善功能，AI会记住之前的修改</p></li>
<li><p><strong>效果</strong>：避免重复解释项目背景，生成更连贯的代码</p></li>
<li><p><strong>注意</strong>：当AI开始"失忆"时，及时开始新对话</p></li>
</ul>
<h2 id="精准需求描述">6.2 精准需求描述</h2>
<h3 id="结构化需求表达">6.2.1 结构化需求表达</h3>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line">功能：用户注册验证</span><br><span class="line">技术栈：Vue3 + Express + MySQL</span><br><span class="line">具体要求：</span><br><span class="line"></span><br><span class="line">- 前端：实时验证、错误提示、防重复提交</span><br><span class="line">- 后端：数据校验、密码加密、重复检查</span><br><span class="line"></span><br><span class="line">- 数据库：唯一约束、索引优化</span><br></pre></td></tr></table></figure>
<h3 id="约束条件明确">6.2.2 约束条件明确</h3>
<ul>
<li><p><strong>性能要求</strong>：页面加载 &lt; 2秒，API响应 &lt;
500ms</p></li>
<li><p><strong>安全要求</strong>：XSS防护、CSRF保护、SQL注入防护</p></li>
<li><p><strong>兼容性</strong>：支持现代浏览器，移动端适配</p></li>
</ul>
<h2 id="智能代码审查">6.3 智能代码审查</h2>
<h3 id="生成后质量检查">6.3.1 生成后质量检查</h3>
<ul class="task-list">
<li><label><input type="checkbox" />代码语法和逻辑正确</label></li>
<li><label><input type="checkbox" />变量命名符合项目规范</label></li>
<li><label><input type="checkbox" />错误处理机制完整</label></li>
<li><label><input type="checkbox" />代码注释清晰易懂</label></li>
<li><label><input type="checkbox" />性能优化到位</label></li>
</ul>
<h3 id="迭代式代码完善">6.3.2 迭代式代码完善</h3>
<ol type="1">
<li><strong>基础版本</strong>：生成核心功能代码</li>
<li><strong>错误处理</strong>：添加异常捕获和错误提示</li>
<li><strong>性能优化</strong>：优化算法复杂度和资源使用</li>
<li><strong>代码美化</strong>：重构代码结构，添加注释</li>
</ol>
<h2 id="智能代码生成策略">6.4 智能代码生成策略</h2>
<h3 id="分步骤生成">6.4.1 分步骤生成</h3>
<ul>
<li><p><strong>第一步</strong>：生成函数框架和接口定义</p></li>
<li><p><strong>第二步</strong>：实现核心业务逻辑</p></li>
<li><p><strong>第三步</strong>：添加边界条件处理</p></li>
<li><p><strong>第四步</strong>：优化代码结构和性能</p></li>
</ul>
<h3 id="上下文感知生成">6.4.2 上下文感知生成</h3>
<ul>
<li><p><strong>项目风格</strong>：AI能识别项目的代码风格和架构模式</p></li>
<li><p><strong>依赖关系</strong>：自动处理模块间的依赖和引用</p></li>
<li><p><strong>命名规范</strong>：遵循项目既定的命名约定</p></li>
</ul>
<h2 id="高级使用技巧">6.5 高级使用技巧</h2>
<h3 id="代码重构优化">6.5.1 代码重构优化</h3>
<ul>
<li><p><strong>技巧</strong>：选中需要重构的代码块，让AI提供优化建议</p></li>
<li><p><strong>效果</strong>：自动识别代码异味，提供重构方案</p></li>
<li><p><strong>示例</strong>：将长函数拆分为多个小函数，提取公共逻辑</p></li>
</ul>
<h3 id="智能调试辅助">6.5.2 智能调试辅助</h3>
<ul>
<li><p><strong>技巧</strong>：描述bug现象，让AI分析可能原因</p></li>
<li><p><strong>效果</strong>：快速定位问题，提供修复方案</p></li>
<li><p><strong>示例</strong>：内存泄漏、性能瓶颈、逻辑错误等</p></li>
</ul>
<h3 id="代码文档生成">6.5.3 代码文档生成</h3>
<ul>
<li><p><strong>技巧</strong>：选中函数或类，让AI生成详细注释</p></li>
<li><p><strong>效果</strong>：自动生成API文档和代码说明</p></li>
<li><p><strong>示例</strong>：JSDoc、Python
docstring、Java注释等</p></li>
</ul>
<h2 id="常见问题与解决方案">6.6 常见问题与解决方案</h2>
<table>
<colgroup>
<col style="width: 33%" />
<col style="width: 33%" />
<col style="width: 33%" />
</colgroup>
<thead>
<tr class="header">
<th>问题现象</th>
<th>可能原因</th>
<th>解决策略</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td>生成代码不符合项目风格</td>
<td>缺少项目上下文</td>
<td>打开更多相关文件，提供代码示例</td>
</tr>
<tr class="even">
<td>AI理解需求有偏差</td>
<td>需求描述不够具体</td>
<td>使用结构化描述，提供更多细节</td>
</tr>
<tr class="odd">
<td>生成代码有性能问题</td>
<td>未指定性能要求</td>
<td>明确性能约束，要求优化建议</td>
</tr>
</tbody>
</table>

    </div>

    
    
    

    <footer class="post-footer">
          <div class="post-tags">
              <a href="/tags/AI%E9%A9%B1%E5%8A%A8Web%E5%BC%80%E5%8F%91%E6%8A%80%E6%9C%AF/" rel="tag"># AI驱动Web开发技术</a>
          </div>

        

          <div class="post-nav">
            <div class="post-nav-item">
                <a href="/2025-06-25-37-%E8%AE%A1%E7%AE%97%E5%87%A0%E4%BD%95%E5%85%A5%E9%97%A8/" rel="prev" title="37.计算几何入门">
                  <i class="fa fa-angle-left"></i> 37.计算几何入门
                </a>
            </div>
            <div class="post-nav-item">
                <a href="/2025-09-26-02-Web%E5%BC%80%E5%8F%91%E5%9F%BA%E7%A1%80/" rel="next" title="02.Web开发基础">
                  02.Web开发基础 <i class="fa fa-angle-right"></i>
                </a>
            </div>
          </div>
    </footer>
  </article>
</div>






    <div class="comments utterances-container"></div>
</div>
  </main>

  <footer class="footer">
    <div class="footer-inner">

  <div class="copyright">
    &copy; 
    <span itemprop="copyrightYear">2025</span>
    <span class="with-love">
      <i class="fa fa-heart"></i>
    </span>
    <span class="author" itemprop="copyrightHolder">CSGrandeur</span>
  </div>
  <div class="powered-by">由 <a href="https://hexo.io/" rel="noopener" target="_blank">Hexo</a> & <a href="https://theme-next.js.org/" rel="noopener" target="_blank">NexT.Gemini</a> 强力驱动
  </div>

    </div>
  </footer>

  
  <div class="toggle sidebar-toggle" role="button">
    <span class="toggle-line"></span>
    <span class="toggle-line"></span>
    <span class="toggle-line"></span>
  </div>
  <div class="sidebar-dimmer"></div>
  <div class="back-to-top" role="button" aria-label="返回顶部">
    <i class="fa fa-arrow-up fa-lg"></i>
    <span>0%</span>
  </div>

<noscript>
  <div class="noscript-warning">Theme NexT works best with JavaScript enabled</div>
</noscript>


  
  <script src="https://fastly.jsdelivr.net/npm/animejs@3.2.1/lib/anime.min.js" integrity="sha256-XL2inqUJaslATFnHdJOi9GfQ60on8Wx1C2H8DYiN1xY=" crossorigin="anonymous"></script>
  <script src="https://fastly.jsdelivr.net/npm/@next-theme/pjax@0.6.0/pjax.min.js" integrity="sha256-vxLn1tSKWD4dqbMRyv940UYw4sXgMtYcK6reefzZrao=" crossorigin="anonymous"></script>
<script src="/js/comments.js"></script><script src="/js/utils.js"></script><script src="/js/motion.js"></script><script src="/js/sidebar.js"></script><script src="/js/next-boot.js"></script><script src="/js/pjax.js"></script>

  <script src="https://fastly.jsdelivr.net/npm/hexo-generator-searchdb@1.4.1/dist/search.js" integrity="sha256-1kfA5uHPf65M5cphT2dvymhkuyHPQp5A53EGZOnOLmc=" crossorigin="anonymous"></script>
<script src="/js/third-party/search/local-search.js"></script>







  




  

  <script class="next-config" data-name="enableMath" type="application/json">true</script><script class="next-config" data-name="mathjax" type="application/json">{"enable":true,"tags":"none","js":{"url":"https://fastly.jsdelivr.net/npm/mathjax@3.2.2/es5/tex-mml-chtml.js","integrity":"sha256-MASABpB4tYktI2Oitl4t+78w/lyA+D7b/s9GEP0JOGI="}}</script>
<script src="/js/third-party/math/mathjax.js"></script>


<script class="next-config" data-name="utterances" type="application/json">{"enable":true,"repo":"CSGrandeur/csgrandeur.github.io","issue_term":"pathname","theme":"github-light"}</script>
<script src="/js/third-party/comments/utterances.js"></script>

</body>
</html>
